<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<script>
			function fun(){
				var x1 = document.getElementsByName("favcolor")[0].value = '#FF0000';
				var x2 = document.getElementsByName("bday")[0].value = '2017-03-31';
				var x3 = document.getElementsByName("bdaytime")[1].value= '2017-03-31T11:11';
				var x4 = document.getElementsByName("bdaymonth")[0].value= '2017-03';
				var x5 = document.getElementsByName("usr_time")[0].value= '11:11';
				var x6 = document.getElementsByName("week_year")[0].value='2017-W06';
				
			}
		</script>
	</head>

	<body onload="fun()">
		<form action="">
			选择颜色:
			<input type="color" name="favcolor">
			<br> 生日:
			<input type="date" name="bday">
			<br> 生日 (日期和时间)chrome不支持:
			<input type="datetime" name="bdaytime">
			<br> 生日 (日期和时间):
			<input type="datetime-local" name="bdaytime">
			<br> E-mail:
			<input type="email" name="email">
			<br> 生日 (月和年):
			<input type="month" name="bdaymonth">
			<br>限定范围的数字输入：火狐不支持
			<input type="number" name="quantity" min="1" max="5">
			<br>滑动条:
			<input type="range" id="a" name="points" min="1" max="100" step="1">
			<br> Search Google:
			<input type="search" name="googlesearch">
			<br> 电话号码:都不支持
			<input type="tel" name="usrtel">
			<br> 选择时间:
			<input type="time" name="usr_time">
			<br> 添加您的主页:
			<input type="url" name="homepage">
			<br> 选择周:
			<input type="week" name="week_year"><br> 
				浏览器：
			<input list="browsers">
			<datalist id="browsers">
				<option value="Internet Explorer">
				<option value="Firefox">
				<option value="Chrome">
				<option value="Opera">
				<option value="Safari">
			</datalist><br> 
			专业：<input list="dept">
			<datalist id="dept">
				<option value="软件工程">
				<option value="计算机">
				<option value="网络工程">
				<option value="信息与计算科学">
				<option value="其他">
				<option value="软件工程2">
				<option value="计算机2">
				<option value="网络工程2">
				<option value="信息与计算科学2">
				<option value="其他2">
				<option value="软件工程3">
				<option value="计算机3">
				<option value="网络工程3">
				<option value="信息与计算科学3">
				<option value="其他3">
			</datalist><br> 
			<input type="submit">
		</form>
		请选择张三的专业：<input list="major"/>
			<br />
			请选择李四的专业：<input list="major"/>
			<br />
			请选择王二的专业：<input list="major"/>
		
			
			<datalist id="major">
				<option>软件工程1</option>
				<option>计算机应用技术</option>
				<option>软件工程3</option>
				<option>计算机科学与技术专业</option>
			</datalist>
		</form>
		<hr />
		
		<form oninput="result.value = parseInt(num1.value)  + parseInt(num2.value)">
			数字：<input type="number" id="num1" name="num1" value="50"/><br />
			滑动条:<input type="range" id="num2" name="num2" value="10"/><br />
			结果：<output name="result" for="num1 num2"></output>
		</form>
<hr />
<form action="https://www.baidu.com">
	<input type="text" required="required" />
	<input type="submit" />
</form>
		<button onclick="fun()">点击</button>
	</body>

</html>